<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-152513368-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-152513368-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Chrome, Firefox OS and Opera Status Bar Color -->
<meta name="theme-color" content="#FFFFFF">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css">
<link rel="stylesheet" type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/themes/prism.min.css">
<link rel="stylesheet" type="text/css" href="css/SourceSansPro.css">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<link rel="stylesheet" type="text/css" href="css/notablog.css">
<!-- Favicon -->

  <link rel="shortcut icon" href="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22&gt;📖&lt;/text&gt;&lt;/svg&gt;">

<style>
  :root {
    font-size: 20px;
  }
</style>
  <title>Welcome to Notablog  hahaha &nbsp;|&nbsp;Notablog</title>
  <meta property="og:type" content="blog">
  <meta property="og:title" content="Welcome to Notablog  hahaha ">
  
    <meta name="description" content="Notablog can generate a blog from a Notion table.">
    <meta property="og:description" content="Notablog can generate a blog from a Notion table.">
  
  
    <meta property="og:image" content="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22&gt;📝&lt;/text&gt;&lt;/svg&gt;">
  
  <style>
    .DateTagBar {
      margin-top: 1.0rem;
    }
  </style>
</head>

<body>
  <nav class="Navbar">
  <a href="index.html">
    <div class="Navbar__Btn">
      
        <span><img class="inline-img-icon" src="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22&gt;📖&lt;/text&gt;&lt;/svg&gt;"></span>&nbsp;
      
      <span>Home</span>
    </div>
  </a>
  
    
  
    
  
    
      <span class="Navbar__Delim">&centerdot;</span>
      <a href="about.html">
        <div class="Navbar__Btn">
          
            <span><img class="inline-img-icon" src="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22&gt;😀&lt;/text&gt;&lt;/svg&gt;"></span>&nbsp;
          
          <span>About</span>
        </div>
      </a>
    
  
    
  
</nav>
  <header class="Header">
    
      <div class="Header__Cover">
        <img src="https://www.notion.so/images/page-cover/met_william_morris_1877_willow.jpg">
      </div>
    
    <div class="Header__Spacer ">
    </div>
    
      <div class="Header__Icon">
        <span><img class="inline-img-icon" src="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text text-anchor=%22middle%22 dominant-baseline=%22middle%22 x=%2250%22 y=%2255%22 font-size=%2280%22&gt;📝&lt;/text&gt;&lt;/svg&gt;"></span>
      </div>
    
    <h1 class="Header__Title">Welcome to Notablog  hahaha </h1>
    
      <div class="DateTagBar">
        
          <span class="DateTagBar__Item DateTagBar__Date">Posted on Sat, Feb 15, 2020</span>
        
        
          <span class="DateTagBar__Item DateTagBar__Tag DateTagBar__Tag--blue">
            <a href="tag/Announcement.html">Announcement</a>
          </span>
        
      </div>
    
  </header>
  <article id="https://www.notion.so/fe62b058400e418fae623df3f527be0a" class="PageRoot"><div id="https://www.notion.so/aaecdf976189457684b812e47574ae20" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"><span class="SemanticString"><mark class="SemanticString__Fragment SemanticString__Fragment--HighlightedColor SemanticString__Fragment--ColorGray">Last Updated: </mark></span><span class="SemanticString"><span class="SemanticString__Fragment SemanticString__Fragment--Date">@2020/09/14</span></span><span class="SemanticString"> </span></span></p></div><h2 id="https://www.notion.so/37d6d693a438406fbfba916d338cf256" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/37d6d693a438406fbfba916d338cf256"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">What to do next ?</span></span></h2><ol class="NumberedListWrapper"><li id="https://www.notion.so/93b2c0341946404e83bbff612155f9fb" class="NumberedList" value="1"><span class="SemanticStringArray"><span class="SemanticString">Write a post on Notion.</span></span></li><li id="https://www.notion.so/f162fab10cb846edaae8e0f631ef908b" class="NumberedList" value="2"><span class="SemanticStringArray"><span class="SemanticString">Get your website files by executing </span><span class="SemanticString"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog generate .</code></span><span class="SemanticString"> in your </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog-starter"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter</code></a></span><span class="SemanticString"> folder.</span></span></li><li id="https://www.notion.so/2018dd1035c446e3996cb9658795b06e" class="NumberedList" value="3"><span class="SemanticStringArray"><span class="SemanticString">Upload all files in </span><span class="SemanticString"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter/public/</code></span><span class="SemanticString"> folder to your server or any static asset hosting service.</span></span></li><li id="https://www.notion.so/186e0519029f46a5aed380ae6f8ea567" class="NumberedList" value="4"><span class="SemanticStringArray"><span class="SemanticString">Play with templates and stylesheets in </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog-starter/tree/master/themes/pure"><code class="SemanticString__Fragment SemanticString__Fragment--Code">notablog-starter/themes/pure/</code></a></span><span class="SemanticString"> folder to customize your blog.</span></span></li></ol><div id="https://www.notion.so/30baad1b12e9454c87566479fb48ea81" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><h2 id="https://www.notion.so/e3959ee2f5ed4e94ac6fd66127f12ef2" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--2"><a class="Anchor" href="#https://www.notion.so/e3959ee2f5ed4e94ac6fd66127f12ef2"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">FAQ</span></span></h2><h3 id="https://www.notion.so/29206c3f06a741f99605d7e578629ab5" class="ColorfulBlock ColorfulBlock--ColorDefault Heading Heading--3"><a class="Anchor" href="#https://www.notion.so/29206c3f06a741f99605d7e578629ab5"><svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a><span class="SemanticStringArray"><span class="SemanticString">What blocks are supported in Notablog ?</span></span></h3><ul class="BulletedListWrapper"><li id="https://www.notion.so/e780cdf6489b4f9ba13b69b29e410af0" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Notablog uses </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-from-notionapi"><code class="SemanticString__Fragment SemanticString__Fragment--Code">nast-util-from-notionapi</code></a></span><span class="SemanticString"> to fetch page data and </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-to-react"><code class="SemanticString__Fragment SemanticString__Fragment--Code">nast-util-to-react</code></a></span><span class="SemanticString"> to generate HTML.</span></span><ul class="BulletedListWrapper"><li id="https://www.notion.so/c31f73d2de9247ddba7ea6b2b2edcb37" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Demo: </span><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://dragonman225.js.org/block-test.html">Common Blocks</a></strong></span><span class="SemanticString"> | </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://dragonman225.js.org/complex-block-test.html"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold">Table &amp; Gallery</strong></a></span></span></li><li id="https://www.notion.so/39ac08a7bc2248eeb8ad6c463e2ef4d6" class="BulletedList"><span class="SemanticStringArray"><span class="SemanticString">Improving block support is in progress, see this </span><span class="SemanticString"><strong class="SemanticString__Fragment SemanticString__Fragment--Bold"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/nast/tree/master/packages/nast-util-to-react#implemented-nast-blocks">documentation</a></strong></span><span class="SemanticString"> for status, gotchas, and details.</span></span></li></ul></li></ul><div id="https://www.notion.so/816ed1d6fa2f4d7f91ab587b6396f4ed" class="ColorfulBlock ColorfulBlock--ColorDefault Text"><p class="Text__Content"><span class="SemanticStringArray"></span></p></div><div id="https://www.notion.so/bc191a1b1fae4c83bdc0295ddb40138f" class="ColorfulBlock ColorfulBlock--BgGray Callout"><div class="Callout__Icon"><div class="Icon">⬅️</div></div><p class="Callout__Content"><span class="SemanticStringArray"><span class="SemanticString">Go back to </span><span class="SemanticString"><a class="SemanticString__Fragment SemanticString__Fragment--Link" href="https://github.com/dragonman225/notablog">Notablog&#x27;s README</a></span><span class="SemanticString">.</span></span></p></div></article>
  <footer class="Footer">
  <div>&copy; Notablog 2019-2021</div>
  <div>&centerdot;</div>
  <div>Powered by <a href="https://github.com/dragonman225/notablog" target="_blank"
      rel="noopener noreferrer">Notablog</a>.
  </div>
</footer>
</body>

</html>